<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<title></title>
	<link href="css/mui.min.css" rel="stylesheet"/>
	<link rel="stylesheet" type="text/css" href="css/iconfont.css"/>
	<style type="text/css">
		#content {
			padding: 10px;
		}
		#tip {
			display: none;
		}
		.mui-subtitle {
			padding-left: 1em;
		}
		.mui-card {
			margin-bottom: 1.2em;
		}
	</style>
</head>
<body>
	<header class="mui-bar mui-bar-nav">
		<h1 class="mui-title">茂名公交</h1>
		<a id="icon" class="mui-icon mui-icon-loop mui-pull-right" onclick="update()"></a>
	</header>
	
	<div class="mui-content">
		<div class="item">
			<select class="mui-btn mui-btn-block" id="select" onchange="change()">
				<option value="1">1 路</option>
				<option value="3">3 路</option>
				<option value="4">4 路</option>
				<option value="5">5 路</option>
				<option value="6">6 路</option>
				<option value="7">7 路</option>
				<option value="8">8 路</option>
				<option value="9">9 路</option>
				<option value="10">10 路</option>
				<option value="11">11 路</option>
				<option value="12">12 路</option>
				<option value="13">13 路</option>
				<option value="18">18 路</option>
				<option value="201">201 专线</option>
				<option value="202">202 专线</option>
				<option value="203B">203B 专线</option>
				<option value="205">205 专线</option>
				<option value="206">206 专线</option>
				<option value="207">207 专线</option>
				<option value="208">208 专线</option>
				<option value="209">209 专线</option>
				<option value="210">210 专线</option>
				<option value="211">211 专线</option>
				<option value="212">212 专线</option>
				<option value="213">213 专线</option>
				<option value="301">301 专线</option>
				<option value="302">302 专线</option>
				<option value="303">303 专线</option>
				<option value="305">305 专线</option>
				<option value="306">306 专线</option>
				<option value="306B">306B 专线</option>
				<option value="307">307 专线</option>
				<option value="308">308 专线</option>
				<option value="309">309 专线</option>
				<option value="311">311 专线</option>
				<option value="312">312 专线</option>
				<option value="313">313 专线</option>
				<option value="315">315 专线</option>
			</select>
		</div>
		
		<div id="content">
			<h4 class="mui-subtitle" id="tip">司机回家了</h4>
			<h4 class="forward mui-subtitle"></h4>
			<div class="forward mui-card">
				<ul class="forward mui-table-view"></ul>
			</div>
			<h4 class="backward mui-subtitle"></h4>
			<div class="backward mui-card">
				<ul class="backward mui-table-view"></ul>
			</div>
		</div>
	</div>

	<script type="text/javascript" src="js/mui.js"></script>
	<script type="text/javascript" src="js/main.js"></script>
</body>
</html>